<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>底部</title>
  <link rel="stylesheet" href="../../css/index.css">
  <link rel="stylesheet" href="./index.css">

</head>

<body>
  <footer class="site-footer">
    <div class="footer-container">
      <div class="footer-column diamonds">
        <h4>DIAMONDS</h4>
        <ul>
          <li><a href="#">Lab Grown Diamonds</a></li>
          <li><a href="#">Diamond Plates</a></li>
          <li><a href="#">Optical Diamond Materials</a></li>
          <li><a href="#">Diamond Grinding Wheel & Tools</a></li>
          <li><a href="#">Diamond Powder</a></li>
        </ul>
        <h4>SOCIAL</h4>
        <div class="social-icons">
          <a href="#" class="social-link">
            <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path
                d="M10.3411 17.559V11.457H12.3481L12.6541 9.03597H10.3411V7.48798C10.3411 7.09198 10.4221 6.80398 10.5751 6.60598C10.7371 6.40798 11.0341 6.30897 11.4931 6.30897H12.7351V4.13998C12.3121 4.07698 11.7091 4.04097 10.9351 4.04097C10.0261 4.04097 9.29708 4.31997 8.74809 4.87797C8.19908 5.43598 7.92908 6.22798 7.92908 7.24498V9.02698H5.91308V11.448H7.92008V17.595C3.64508 17.064 0.333084 13.419 0.333084 8.99998C0.333084 4.21197 4.21209 0.323975 9.00909 0.323975C13.8061 0.323975 17.6851 4.20298 17.6851 8.99998C17.6851 13.338 14.4991 16.92 10.3411 17.559Z"
                fill="white" />
            </svg>
          </a>
          <a href="#" class="social-link">
            <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path
                d="M9 0C4.03361 0 0 4.03927 0 9.01262C0 12.8247 2.36975 16.0813 5.72269 17.3941C5.64706 16.6872 5.57143 15.5764 5.7479 14.8191C5.92437 14.1122 6.80672 10.3506 6.80672 10.3506C6.80672 10.3506 6.52941 9.82048 6.52941 9.01262C6.52941 7.75035 7.2605 6.81627 8.16807 6.81627C8.92437 6.81627 9.30252 7.39691 9.30252 8.07854C9.30252 8.86115 8.79832 9.99719 8.54622 11.0827C8.34454 11.9916 9 12.6985 9.88235 12.6985C11.4706 12.6985 12.7059 11.007 12.7059 8.58345C12.7059 6.43759 11.1681 4.92286 8.94958 4.92286C6.40336 4.89762 4.89076 6.84151 4.89076 8.81066C4.89076 9.59327 5.19328 10.4264 5.57143 10.8555C5.64706 10.9313 5.64706 11.0323 5.62185 11.108C5.54622 11.3857 5.39496 12.0168 5.36975 12.1178C5.31933 12.2945 5.2437 12.3198 5.06723 12.244C3.93277 11.7139 3.2521 10.0729 3.2521 8.76017C3.2521 5.90743 5.31933 3.30715 9.20168 3.30715C12.3277 3.30715 14.7479 5.52875 14.7479 8.50771C14.7479 11.6129 12.7815 14.1122 10.084 14.1122C9.17647 14.1122 8.31933 13.6325 8.01681 13.0771L7.46218 15.223C7.2605 16.0056 6.70588 16.9902 6.35294 17.5961C7.21008 17.8738 8.11765 18 9.02521 18C13.9664 18 18 13.986 18 8.98738C18 3.98878 13.9664 0 9 0Z"
                fill="white" />
            </svg>
          </a>
          <a href="#" class="social-link">
            <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
              <circle cx="9" cy="9" r="9" fill="white" />
              <path
                d="M12.9151 6.88818C12.8144 6.43255 12.5123 6.0798 12.1221 5.96222C11.4173 5.74175 8.59773 5.72705 8.59773 5.72705C8.59773 5.72705 5.7782 5.72705 5.07332 5.93282C4.68312 6.0651 4.38103 6.41785 4.28033 6.87349C4.09152 7.69657 4.09152 9.40152 4.09152 9.40152C4.09152 9.40152 4.09152 11.1212 4.28033 11.9296C4.38103 12.3852 4.68312 12.7379 5.07332 12.8555C5.79079 13.076 8.59773 13.0907 8.59773 13.0907C8.59773 13.0907 11.4173 13.0907 12.1221 12.8849C12.5123 12.7673 12.8144 12.4146 12.9151 11.959C13.0913 11.1212 13.0913 9.41622 13.0913 9.41622C13.0913 9.41622 13.1039 7.71126 12.9151 6.88818ZM7.70404 10.9889V7.84354L10.0453 9.41622L7.70404 10.9889Z"
                fill="#242424" />
            </svg>
          </a>
          <a href="#" class="social-link">
            <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
              <circle cx="9" cy="9" r="9" fill="white" />
              <g clip-path="url(#clip0_1921_7786)">
                <path
                  d="M11.9267 4.42896H13.4773L10.0896 8.30083L14.075 13.5696H10.9545L8.51043 10.3741L5.71386 13.5696H4.1623L7.78574 9.42817L3.96262 4.42896H7.16231L9.37153 7.34974L11.9267 4.42896ZM11.3825 12.6415H12.2417L6.69542 5.30833H5.77338L11.3825 12.6415Z"
                  fill="#242424" />
              </g>
              <defs>
                <clipPath id="clip0_1921_7786">
                  <rect width="11.25" height="11.25" fill="white" transform="translate(3.375 3.375)" />
                </clipPath>
              </defs>
            </svg>
          </a>
          <a href="#" class="social-link">
            <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
              <circle cx="9" cy="9" r="9" fill="white" />
              <path
                d="M4.47346 7.04597H6.42758V13.5412H4.47346V7.04597ZM5.45558 4.44385C5.18705 4.44385 4.92952 4.55052 4.73964 4.7404C4.54976 4.93028 4.44308 5.18782 4.44308 5.45635C4.45734 5.71511 4.57027 5.95856 4.75863 6.13656C4.94699 6.31456 5.19643 6.41355 5.45558 6.41316C5.71474 6.41355 5.96418 6.31456 6.15254 6.13656C6.3409 5.95856 6.45383 5.71511 6.46808 5.45635C6.46808 5.18782 6.36141 4.93028 6.17153 4.7404C5.98165 4.55052 5.72412 4.44385 5.45558 4.44385ZM12.9228 7.9066C12.7247 7.6782 12.476 7.49929 12.1965 7.38414C11.9169 7.26899 11.6144 7.2208 11.3129 7.24341C10.9233 7.23435 10.5385 7.3313 10.1997 7.52389C9.86085 7.71649 9.5807 7.9975 9.38915 8.33691H9.35877V7.04597H7.71852C7.7489 7.70916 7.71852 13.5412 7.71852 13.5412H9.67265V9.50635C9.71747 9.28447 9.84113 9.08634 10.0208 8.9486C10.2004 8.81085 10.4238 8.74283 10.6497 8.7571C11.2825 8.7571 11.5964 9.21778 11.5964 10.1088V13.5563H13.5556V9.86072C13.5948 9.15334 13.3692 8.45668 12.9228 7.9066Z"
                fill="#242424" />
            </svg>
          </a>
        </div>
      </div>

      <div class="footer-column guides">
        <h4>DIAMOND GUIDES</h4>
        <ul>
          <li><a href="#">Lab Grown Diamonds</a></li>
          <li><a href="#">The Crafting Process</a></li>
          <li><a href="#">Diamond Cut</a></li>
          <li><a href="#">Bespoke Creation</a></li>
          <li><a href="#">Frequently Asked Questions</a></li>
          <li><a href="#">Diamond Colour</a></li>
          <li><a href="#">Diamond Carat Weight</a></li>
          <li><a href="#">Diamond Clarity</a></li>
          <li><a href="#">GIA Certified Diamonds</a></li>
          <li><a href="#">Diamond Expertise</a></li>
        </ul>
      </div>

      <div class="footer-column story">
        <h4>OUR STORY</h4>
        <ul>
          <li><a href="#">Quality Control</a></li>
          <li><a href="#">Test Process</a></li>
          <li><a href="#">Reviews</a></li>
          <li><a href="#">Lab Grown Diamond Search</a></li>
          <li><a href="#">Ethical Sourcing</a></li>
          <li><a href="#">Terms & Conditions</a></li>
          <li><a href="#">Privacy Policy</a></li>
        </ul>
      </div>

      <div class="footer-column footer-contact">
        <h4>EMAIL</h4>
        <p>sales@samaterials.com</p>
        <h4>PHONE</h4>
        <p>949-407-8904</p>
        <div class="footer-logo">
          <img src="../../img/PC/STANFORD_ADV.png" alt="Stanford Advanced Materials">
        </div>

        <form class="subscribe-form">
          <input type="email" placeholder="Enter your email here..." />
          <button type="submit">Sign up</button>
        </form>
        <div class="subscribe-message"></div>

      </div>
    </div>

    <div class="footer-bottom">
      <p>Copyright © 1994-2025  Stanford Diamonds owned by Oceania International LLC, All Rights Reserved.</p>
    </div>
  </footer>




  <script src="https://code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>
  <script src="../../js/utils/dropdownOptions.js"></script>
  <script src="../../js/utils/enum.js"></script>
  <script src="../../js/utils/regExp.js"></script>
  <script src="../../js/utils/storage.js"></script>
  <script src="../../js/utils/index.js"></script>
  <script src="./index.js"></script>
</body>

</html>